<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="../../templates/principal.xhtml">

    <ui:define name="head">
        <script type="text/javascript">
            jQuery(function ($) {
                $("input.mix:text").mask("9999");
            });


        </script>
    </ui:define>
    <ui:define name="content" id="content">

        <p:panel id="panel" header="Bem Vindo ao Cadastro de Ramos de Atividade" style="">
            <p:dataTable id="tabAtividade" widgetVar="wtabAtividade" var="atividade" value="#{atividadeView.atividadeLazy}" 
                         lazy="true" paginator="true" rows="10" paginatorPosition="top"
                         emptyMessage="Nenhum Registro Retornado ..." filterEvent="enter">

                <p:column headerText="Mix" sortBy="#{atividade.codMix}" filterBy="#{atividade.codMix}" style="width: 120px;" filterStyleClass="mix">
                    <h:outputText value="#{atividade.codMix}" />
                </p:column>

                <p:column headerText="Descrição" sortBy="#{atividade.descMix}" filterBy="#{atividade.descMix}" style="width: 100%;">
                    <h:outputText value="#{atividade.descMix}" />
                </p:column>

                <p:column style="width: 100px;">
                    <h:panelGrid columns="2">
                        <p:commandButton id="selectButtonAtividade" update=":frmPrincipal:panel :frmPrincipal:messages" rendered="#{menuView.verificaAcesso(1,'consultar')}"
                                         icon="ui-icon-search" title="Visualizar // Alterar Ramo de Atividade" oncomplete="PF('atividadeDialog').show();">
                            <f:setPropertyActionListener value="#{atividade}" target="#{atividadeView.selectedAtividade}" />
                            <f:setPropertyActionListener value="#{false}" target="#{menuView.salvar}" />
                        </p:commandButton>

                        <p:commandButton id="excluirButtonAtividade" update=":frmPrincipal:panel :frmPrincipal:messages" rendered="#{menuView.verificaAcesso(1,'excluir')}"
                                         icon="ui-icon-trash" title="Excluir Ramo de Atividade" oncomplete="PF('confirmation').show();">
                            <f:setPropertyActionListener value="#{atividade}" target="#{atividadeView.selectedAtividade}" />
                        </p:commandButton>
                    </h:panelGrid>
                </p:column>

                <f:facet name="footer">
                    <div style="text-align: left;">
                        <p:commandButton id="incluirButtonAtividade" actionListener="#{atividadeView.preparaInserir}" rendered="#{menuView.verificaAcesso(1,'incluir')}" 
                                         update=":frmPrincipal:panel :frmPrincipal:messages" value="Novo Ramo de Atividade"
                                         icon="ui-icon-pencil" title="Cadastrar Novo Ramo de Atividade" oncomplete="PF('atividadeDialog').show();">
                            <f:setPropertyActionListener value="#{true}" target="#{menuView.salvar}" />
                        </p:commandButton>

                    </div>
                </f:facet>
            </p:dataTable>

            <p:dialog id="Dialogatividade" header="Detalhes Ramo de Atividade" widgetVar="atividadeDialog" showEffect="slide" hideEffect="slide" resizable="false">
                <p:focus context="displayAtividade" />
                <p:ajax event="close" update=":frmPrincipal:panel :frmPrincipal:messages" listener="#{menuView.fechaDialog}" />

                <h:panelGrid id="displayAtividade" columns="2" style="margin-bottom:50px; text-align: left;" cellpadding="5">
                    <h:outputText value="Código Mix:" />
                    <p:inputText id="inCodMix" value="#{atividadeView.selectedAtividade.codMix}" style="width:50px; font-weight:bold"
                                 onkeyup="javascript:maskIt(this, event, '####', true)" />

                    <h:outputText value="Descrição:" />
                    <p:inputText id="inDscMix" value="#{atividadeView.selectedAtividade.descMix}" style="width:400px; font-weight:bold" />

                    <f:facet name="footer">
                        <br />
                        <p:commandButton value="Salvar" update=":frmPrincipal:panel :frmPrincipal:messages" rendered="#{menuView.verificaAcesso(1,'incluir')}"
                                         icon="ui-icon-disk" actionListener="#{atividadeView.inserir}" oncomplete="PF('atividadeDialog').hide();" />
                        <p:commandButton value="Salvar" update=":frmPrincipal:panel :frmPrincipal:messages" rendered="#{menuView.verificaAcesso(1,'alterar')}"
                                         icon="ui-icon-disk" actionListener="#{atividadeView.alterar}" oncomplete="PF('atividadeDialog').hide();" />
                    </f:facet>
                </h:panelGrid>
            </p:dialog>

            <p:dialog header="Confirma a Exclusão desse Ramo de Atividade?" widgetVar="confirmation">
                <p:commandButton value="Sim" update=":frmPrincipal:panel :frmPrincipal:messages" oncomplete="PF('confirmation').hide();"
                                 styleClass="ui-confirmdialog-yes" icon="ui-icon-check" actionListener="#{atividadeView.excluir}" />
                <p:commandButton value="Não" onclick="PF('confirmation').hide();" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
            </p:dialog>
        </p:panel>

    </ui:define>
</ui:composition>